<template>
	<view class="container">
		<!-- <skeleton v-if="loading"></skeleton> -->
		<loading v-if="loading"></loading>
		<view v-else>
			<view v-if="platfrom!=='TOUTIAO'" class="top-content" :style="'height:'+(titleBarHeight+statusBarHeight+15+35)+'px;'">
				<image src="https://imgs.ynz666.com/test/2025/01/07/YmNhNWU4OWYyOTA1NTAzMDA4NmMyZGY3YjA4ZjcwZmM=.png" mode="aspectFill" class="top_img" :style="'height:'+(titleBarHeight+statusBarHeight+15+35)+'px;'"></image>
				<view :style="'height:'+(titleBarHeight+statusBarHeight+15+35)+'px;'"></view>
				<view class="top-fixed" :class="{'backGroundWhite':scrollNum>=15}"
					:style="'height:'+ (titleBarHeight+statusBarHeight+15+35) + 'px;'">
					<!-- 顶部状态栏 -->
					<view class="status_nav" :style="'height:' + statusBarHeight + 'px;'"></view>
					<!-- 顶部胶囊 -->
					<view :style="'height:'+ titleBarHeight +'px;line-height:'+ titleBarHeight + 'px;top:'+statusBarHeight+'px;'" class="Index_tab_top">
						<!-- <view class="tips-title">
							下楼休闲吧
						</view> -->
						<image src="https://imgs.ynz666.com/test/2025/03/10/ZTk5N2Q5ZjM3ZTg5MTUwMDVhYmNmZjIxNDlmN2QwMzc=.png" mode="aspectFill" class="title_img"></image>
					</view>
					<view class="bot_nav" :style="'top:'+(titleBarHeight+statusBarHeight)+'px;'">
						<view class="nav_box">
							<view class="nav_left">
								深圳大浪商圈
							</view>
							<view class="nav_right" @click="inputAdress">
								<view class="city_btn">
									<image src="../../static/index/search.png" mode="aspectFill" class="img"></image>
								</view>
								<view class="input_box">
									搜索
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
			<!-- 显示在顶部 -->
			<!-- <block v-if="scrollFlag">
				<view class="ceiling" :class="{'tab' : scrollFlag} " style="top:0px;">
					<view class="top-content" :style="'height:'+(titleBarHeight+statusBarHeight)+'px;'">
					<view :style="'height:'+(titleBarHeight+statusBarHeight)+'px;'"></view>
						<view class="top-fixed" :class="{'backGroundWhite':scrollNum>=15}"
							:style="'height:'+ (titleBarHeight+statusBarHeight) + 'px;background:#F43B00'">
							<view class="status_nav" :style="'height:' + statusBarHeight + 'px;'"></view>
							<view
								:style="'height:'+ titleBarHeight +'px;line-height:'+ titleBarHeight + 'px;top:'+statusBarHeight+'px;'"
								class="Index_tab_top">
								<view class="tips-title">
									<image src="https://imgs.ynz666.com/test/2024/09/12/NDdlMzAzODEyNmRmNGQyYzAzNTk5ZmJjNDUzOGFmMzM=.png" mode="widthFix" class="img"></image>
								</view>
							</view>
							</view>
						</view>
					
					<view class="banCon1">
						<view class="left" @click="inputAdress">
							<image class="img"
								src="https://imgs.ynz666.com/test/2023/10/30/YTUxZTEzMGI5YzMzOWRmYTE1OWU2MmM3MDVlNzk5MzU=.png"
								mode="aspectFill"></image>
							<view class="input_ss">
								搜索商户名称
							</view>
						</view>
						<view class="right">
							<view class="r_v1" @click="goActivate">
								<image class="img"
									src="https://imgs.ynz666.com/test/2024/08/06/NDhmZGNkMWIzYzljYWMxZjk2M2U0MTUxNGFhZTkxNWU=.png"
									mode="aspectFill"></image>
								<view class="text">
									激活
								</view>
							</view>
							<view class="r_v1" @click="JumpPage('map')">
								<image class="img"
									src="https://imgs.ynz666.com/test/2023/10/30/ZGZmNzI1Nzk2MzdkNDU1ZDFkYzY1NTQ3YzAxMWUzMDk=.png"
									mode="aspectFill"></image>
								<view class="text">
									地图
								</view>
							</view>
							<view class="r_v1" @click="JumpPage('gonglue')">
								<image class="img"
									src="https://imgs.ynz666.com/test/2023/10/30/MTU0ZTU2M2I3MjAwYTQ3MDgyYWZhMzEwZTdmMmJmMDc=.png"
									mode="aspectFill"></image>
								<view class="text">
									攻略
								</view>
							</view>
						</view>
					</view>
					<view class="top">
						<view :class="menuIndex1==index?'item item_active':'item'" v-for="(item,index) in menuList1"
							:key="index" @click="menuClick(index,item.id)">
							<view class="name">
								{{item.name}}
							</view>
							<view class="xhx"></view>
						</view>
					</view>
					<view class="bot">
						<view :class="menuTabType1?'item item_active':'item'" @click="menuTab(1)">
							<view class="name">
								{{menuCategoryName}}
							</view>
							<image src="../../static/storeDetail-bottomArrow.png" mode="widthFix" :class="menuTabShow?'img imgTow':'img'"></image>
						</view>
						<view :class="menuTabType2?'item item_active':'item'" @click="menuTab(2)">
							<view class="name">
								{{menuSortName}}
							</view>
							<image src="../../static/storeDetail-bottomArrow.png" mode="widthFix" :class="menuTabShow?'img imgTow':'img'"></image>
						</view>
					</view>
					<view :class="menuTabShow?'ceil_fot ceil_fot_active':'ceil_fot'">
						<view class="menuTab">
							<view v-for="(item,index) in menuTabList"
								:class="menuTabIndex==index?'menu_item menu_item_active':'menu_item'" :key="index"
								@click="menuTabClick(index,item)">
								<view class="name">
									{{item.name}}
								</view>
								<image
									src="https://imgs.ynz666.com/test/2023/11/01/N2M0NzFmZGZhMmZlYTZhMTc0OGE1MzNmY2M5MDc0OGQ=.png"
									class="img"></image>
							</view>
						</view>
					</view>
				</view>
			</block> -->

			<scroll-view
				scroll-y="true"
				class="scroll-box"
				:refresher-enabled="true"
				:lower-threshold='250'
				@scrolltolower='tolower'
				@scroll='pullDownRefreash'
				@refresherrefresh="refresh"
				:refresher-triggered="triggered"
				:scroll-top="scrollTop"
				scroll-with-animation="true">
				<!--  banner -->
				<view class="banner_new">
					<image src="https://imgs.ynz666.com/test/2025/01/07/NWMxYWMwZTM0YWU5NjQ2MWQ0ZTlmMmRjZDVlMWIwZTU=.png" mode="aspectFill" class="banner_img"></image> 
					<view class="banCon">
						<view class="index-banner" v-if="bannerTopList && bannerTopList.length>0">
							<swiper @change='changeCurrent' :indicator-dots="false" circular='true' :autoplay="true" :interval="3000" :duration="1000">
								<swiper-item v-for="(banner , bannerIndex) in bannerTopList" :key="bannerIndex" @click="PosterJumpPage(banner)">
									<image :src="banner.imgUrl" mode="aspectFill" class="slide-image"></image>
								</swiper-item>
							</swiper>
						</view>
					</view>
				</view>
				
				<!-- 整点积分抢购 -->
				<!-- style="display: none;" -->
				<view class="purchase" v-if="biding_total!=0">
					<view class="purOne">
						<view class="top">
							<view class="top_name">
								整点积分抢购
							</view>
							<!-- @click="jumpGoCoupleOnly()" -->
							<view class="top_all" @click="openPage('auctionList',5)">
								查看全部
								<image src="../../static/index/index_right.png" mode="aspectFill" class="img"></image>
							</view>
						</view>
						<view class="bot">
							<view class="item" v-for="(item,index) in pointsTiming" :key="index">
								<view style="display: none;">
									<uni-countdown :show-day="false" :second="item.timeEnd/1000" @timeup="timeOutPoints(index)"/>
								</view>
								<view class="item_date" v-if="item.discountStatus==2">
									{{item.start}}
								</view>
								<view class="item_status" v-if="item.discountStatus==2">
									已经结束
								</view>
								<view class="item_date item_dateOne" v-if="item.discountStatus==1">
									{{item.start}}
								</view>
								<view class="item_status item_statusOne" v-if="item.discountStatus==1" @click="openPage('auctionList',5)">
									正在抢购
								</view>
								<view class="item_date" v-if="item.discountStatus==0">
									{{item.start}}
								</view>
								<view class="item_status item_statusZero" v-if="item.discountStatus==0">
									即将开始
								</view>
							</view>
						</view>
					</view>
					<!-- <view class="purTwo">
						<view class="left">
							<image src="https://imgs.ynz666.com/2024/9/6/comment/1725592867631.png" mode="aspectFill" class="img"></image>
						</view>
						<view class="right">
							<view class="right_name">
								海底捞100元代金券
							</view>
							<view class="right_schedule">
								<view class="sch_left">
									<progress :percent="50" activeColor="#FF6262" border-radius="20" stroke-width="10" backgroundColor="#FFECE8" />
								</view>
								<view class="sch_rig">
									还剩10份
								</view>
							</view>
						</view>
					</view> -->
				</view>
				
				<!-- 商品分类 -->
				<view class="cate-list">
					<scroll-view class="swiper-tab" scroll-x="true" :style="'height:' + scrollH + 'px'">
						<view class="scoll-item" v-for="(item,index) in categoryList" :key="index" :class="currentCateIndex === index ? 'cateActive' : ''" @click="handleCateClick(item,index)">
							<p>{{item.name}}</p>
						</view>
					</scroll-view>
				</view>
				
				<!-- 热门权益 -->
				<view class="equity">
					<view class="equ_title">
						<view class="left">
							<view class="left_name">
								<view class="view1">
									会员热门权益
								</view>
								<image src="https://imgs.ynz666.com/test/2025/03/10/ODE1NGRjMzljNWM1NzQ4YWZhZmZjYzU4YzllOWQ5MmM=.png" mode="aspectFill" class="img"></image>
								<!-- <view class="view2">
									吃喝玩乐
								</view> -->
							</view>
							<view class="left_desc">
								开通会员，领取免费权益礼包
							</view>
						</view>
						<view class="right" @click="openPage('equityList',3)">
							查看更多
							<image src="../../static/index/index_right.png" mode="aspectFill" class="img"></image>
						</view>
					</view>
					<view class="equ_contentTwo">
						<swiper class="plat_swiper" circular :indicator-dots="false" :autoplay="true" :interval="6000" :duration="1000" @change='changeCurrentPlat' next-margin="100rpx" v-if="seuityList.length > 0">
							<swiper-item v-for="(item,index) in seuityList" :key="index">
								<view class="swiper-item">
										<view class="b_box">
											<view class="b_item" v-for="(itemA,indexA) in item" @click="jumpDetil(1,itemA.id)" :key="indexA">
											  <view class="item_left">
													<!-- {{itemA.mainImage[0]}} -->
													<image :src="itemA.mainImage[0]+'?x-oss-process=image/resize,l_1000,/format,jpg'" mode="aspectFill" class="img" lazy-load="true" v-if="itemA.mainImage"></image>
													<!-- <image src="https://imgs.ynz666.com/xiuxianba/2025-03-11/d8dc814pa9wljgpsyq.jpg?x-oss-process=image/resize,l_1000,/format,jpg" mode="aspectFill" class="img" lazy-load="true"></image> -->
												
											  </view>
												<view class="item_right">
													<view class="name">
														{{itemA.name}}
													</view>
													<view class="desc">
														<text v-for="(itemB,indexB) in itemA.benefitPoints" :key="indexB">
														 <text class="text_right">{{itemB}}</text>
														 <text class="text_xhx" v-if="indexB!==itemA.benefitPoints.length-1">|</text>
														</text>
													</view>
													<view class="con">
														<view class="act">{{itemA.integral}}</view>积分｜ 会员<view class="act">免费</view>兑
													</view>
												</view>
											</view>
										</view>
								</view>
							</swiper-item>
					  </swiper>
					</view>
					<!-- <view class="equ_content">
						<view class="item" v-for="(item,index) in seuityList" :key="index" @click="jumpDetil(1,item.id)">
							<view class="item_left">
								<image :src="item.mainImage[0]" mode="aspectFill" class="img"></image>
							</view>
							<view class="item_right">
								<view class="name">
									{{item.name}}
								</view>
								<view class="desc">
									已有{{item.userCount}}人享受此权益
								</view>
								<view class="con">
									<view class="con_left">
										会员<view class="act">0</view>元享｜ <view class="act">{{item.integral}}</view>积分/次
										
									</view>
									<view class="con_rig">
										距您{{item.distance}}km
									</view>
								</view>
							</view>
						</view>
					</view> -->
				</view>
				
				<!-- 公告 -->
				<!-- <view class="announcement">
					<view class="box">
						<image class="img"
							src="https://imgs.ynz666.com/test/2023/10/31/NzUwZmVlZDUxZmZiOTA4Y2E3NTEyNWQ0MWQ5NzIxN2M=.png"
							mode="aspectFill"></image>
						<view class="ann_box">
							<image class="icon"
								src="https://imgs.ynz666.com/test/2023/11/07/ZjgyOWYyZDlmMDAyOTJmYjdjM2NiZjVmNDVhMjk2OWI=.png"
								mode="aspectFill"></image>
							<view class="ann_con" :style="{animation: `noticeAnimation 7s linear 1s infinite`}"
								id="noticeYd">
								{{freeData.notice.title}}
							</view>
						</view>
					</view>

				</view> -->

				<!-- 选择菜单 -->
				<!-- <view class="menu_tab">
					<view class="top">
						<view :class="menuIndex1==index?'item item_active':'item'" v-for="(item,index) in menuList1"
							:key="index" @click="menuClick(index,item.id)">
							<view class="name">
								{{item.name}}
							</view>
							<view class="xhx"></view>
						</view>
					</view>
					<view class="bot">
						<view class="item" @click="menuTab(1)">
							<view class="name">
								{{menuCategoryName}}
							</view>
							<image src="../../static/storeDetail-bottomArrow.png" mode="widthFix" class="img"></image>
						</view>
						<view class="item" @click="menuTab(2)">
							<view class="name">
								{{menuSortName}}
							</view>
							<image src="../../static/storeDetail-bottomArrow.png" mode="widthFix" class="img"></image>
						</view>
					</view>
				</view> -->

				<!-- 商家列表 -->
				<view class="merchant">
					<view class="mer_top">
						<view class="left">
							<view class="left_name">
								<view class="view1">热门团购—<view class="act">省钱</view>还能<view class="act">赚</view>积分</view>
							</view>
							<view class="left_desc">
								支持全网比价，逢贵必赔
							</view>
						</view>
						<!-- <view class="right">
							查看更多
							<image src="../../static/index/index_right.png" mode="aspectFill" class="img"></image>
						</view> -->
					</view>
					<view class="mer_bot">
						<view class="item" v-for="(item,itemIndex) in groupList" @click="jumpDetil(2,item.id)" :key="itemIndex">
							<view class="item_box">
								<view class="item_top">
									<image class="img" :src="item.mainImage[0]" mode="aspectFill"></image>
									<view class="dw">
										距您{{item.distance}}km
									</view>
								</view>
						
								<view class="item_bot">
									<view class="name name_store">
										{{item.storeName}}
									</view>
									<view class="name">
										{{item.productName}}
									</view>
									<view class="desc">
										
										
										<text v-for="(itemA,indexA) in item.benefitPoints" :key="indexA">   
										<text class="text_right fontText" v-if="indexA==0">{{itemA}}</text>
										<text class="text_right" v-if="indexA!=0">{{itemA}}</text>
										<text class="text_xhx" v-if="indexA!==item.benefitPoints.length-1">|</text>
										
										</text>
										<!-- <text class="fontText">全网低价｜</text>随时退.过期退 -->
									</view>
									<view class="con">
										<view class="con_left">
											<view class="price">
												<text class="fontSize">¥</text>{{item.salePrice}}
												
											</view>
											<view class="discount" v-if="item.discount!=10">
												{{item.discount}}折
											</view>
										</view>
										<view class="con_rig">
											抢
										</view>
									</view>
								</view>
							</view>
						</view>
						<view class="item_kong" v-if="isLastPage">
							没有更多了
						</view>
					</view>
				</view>
			</scroll-view>

			<view class="ceilShow" v-if="menuTabShow" @click="menuTabShow=false">
			</view>

			<!-- 配置弹窗 -->
			<popups :posterImg="posterInfo.imgUrl" v-if="popupsFlag && posterInfo.popup" @closePoster='closePoster' @jump='PosterJumpPage(posterInfo)'></popups>

			<!-- 新人弹框 newPerson-->
			<view class="newPersonMask" v-if="newPersonShow">
				<view class="friendModal_box">
					<image src="https://imgs.ynz666.com/test/2025/01/08/YjRmYzJiNWI1YTY2ZjlkYTRhOTUwZTM0ODE0MzA4MDg=.png" mode="aspectFill" class="fri_img"></image>
					<view class="fri_box">
						<view class="name">新人有礼</view>
						<view class="points">
							{{mineInfo.newMemberPoints}}<text class="fontSize">积分</text>
						</view>
						<view class="desc">
							获得限时积分见面礼 <text class="fontColor">0</text>门槛，积分直接当<text class="fontColor">钱</text>花
							
						</view>
						<view class="per_btn" @click="jumpGoCoupleOnly()">
							赏脸收下
						</view>
						<view class="per_date">
							<uni-countdown splitorColor="#ffffff" color="#ffffff" :show-day="false" :second="timestamp/1000" @timeup="timeOut()" />
						</view>
					</view>
					
					<view class="fot">
						<image src="https://imgs.ynz666.com/test/storeInfo/ZTRjZjcwYWY2MWJlMDlmNjIyMTBhMGE5ODc2YWUwOWM=.png" mode="aspectFill" class="img" @click="closeMask"></image>
					</view>
				</view>
			</view>

			<!-- 红包弹窗 -->
			<view class="maskTow" v-if="modalPacket">
				<view class="packet_modal">
					<image src="https://imgs.ynz666.com/test/2023/07/18/MzlhNzczZmExMzgxODc3Mjc2NmFlNTI3ZjQxOThhMmU=.png" mode="scaleToFill" class="big_img"></image>
					<image src="https://imgs.ynz666.com/test/2023/07/18/NzNiYmNlNWNhYWNjY2RjZWFhNjYwY2U1MWYyNTFhODA=.png" mode="scaleToFill" class="dw1"></image>
					<image src="https://imgs.ynz666.com/test/2023/07/18/YzZlZWQ1OWI4MDQ1ZDFiMTQ1NWMwNzg3N2UzNTJmYTM=.png" mode="scaleToFill" class="dw2"></image>
					<image src="https://imgs.ynz666.com/test/2023/07/18/NTE2M2JmNWZjYzAyNmMwZWMyN2RkNDFlNTY3MjI4YWU=.png" mode="scaleToFill" class="dw3"></image>
					<image src="https://imgs.ynz666.com/test/2023/07/18/NjdmMDgzZTM1NjFjNmU1MWQ0NGI2M2QxYzk5OGY3ODA=.png" mode="scaleToFill" class="dw4"></image>
					<image src="https://imgs.ynz666.com/test/2023/07/18/OTllZTZkYjNkOGNiYjZiMWYxMTFlZGViODI4OTMxZTY=.png" mode="scaleToFill" class="dw5"></image>
					<!-- 关闭按钮 -->
					<image src="https://imgs.ynz666.com/test/2023/07/18/Y2QyZmI2ZGQwNDJmZTI4N2MyY2MxNDRhMjEzODYzNDI=.png" mode="scaleToFill" class="dw6" @click="closeWalletRob"></image>
					<!-- 去领取按钮 -->
					<image src="https://imgs.ynz666.com/test/2023/07/18/ZGFkZGY5NjExM2FiNTI1ZGFmMzk0M2MwYTZmM2RjZmM=.png" mode="scaleToFill" class="dw7" @click="walletRob"></image>
					<view class="price_box">{{pricePacket}}</view>
				</view>
			</view>

			<!-- 邀请用户 -->
			<view class="maskThree" v-if="modalFlagTow">
				<view class="nomral-modal">
					<image src="https://imgs.ynz666.com/test/2023/08/16/YTg0MzAwYzU4NDI5N2Q2NjA4ZWYxYWI4NTU4YjFlZjk=.png" mode="aspectFill" class="tk_bjImg"></image>
					<view class="modal_box">
						<image src="https://imgs.ynz666.com/test/2023/08/14/YTI1NTk0ZmIwMTVmOGE1ZTc3YzIwZjIzNjQ4YWVlNTA=.png" mode="aspectFill" class="gb_img" @click.stop="closeModal"></image>
						<view class="cont1">
							<image src="https://wework.qpic.cn/wwpic/91632__SZCv2gVR_K9-Y0_1692180714/0" mode="aspectFill" class="img"></image>
						</view>
						<cell :startmessage='startmessage' :completemessage="completemessage" url='https://work.weixin.qq.com/gm/97fc36f700e59ea7ae2106813521741f' plugid='wx4d2deeab3aed6e5a' class="cell_box"></cell>
					</view>
				</view>
			</view>

			<!-- 新用户领取免单 -->
			<view class="maskFour" v-if="modalFree">
				<view class="maskFour_box">
					<image src="https://imgs.ynz666.com/test/2023/11/07/YjQwNmViOTUyZDg0ZTRmOWMzOTI5NWYyYjk5NDc5MmY=.png" mode="scaleToFill" class="free_img"></image>
					<image src="https://imgs.ynz666.com/test/2023/11/07/MjI5ZTk2YTY1NzUxM2MxNjUxZDgyNzJjMGM5MDc3YWM=.png" mode="scaleToFill" class="free_btn" @click="getFreeCard"></image>
					<image src="https://imgs.ynz666.com/test/2023/11/07/YzkzMDgxYzEwM2Y0YjQ1N2QyMDcxOWFlMThhYjdlZWQ=.png" mode="scaleToFill" class="free_close" @click="getFreeCard"></image>
				</view>
			</view>
			
			<!-- 红包到账提醒 -->
			<view class="mask_red" v-if="modalRed">
				<view class="maskFour_box">
					<view class="bj_box">
						<image src="https://imgs.ynz666.com/2023/12/06/YjUzODAzZmYyNmJlNTgyMWRjMTcxZTVjNmIzNTVkMDY=.png" mode="scaleToFill" class="free_img"></image>
						<view class="box">
							<view class="con1">
								<view class="t1">{{ redContent.redEnvelopeNum }}</view>
								<view class="t2">个</view>
							</view>
							<view class="con2">参团红包到账</view>
							<view class="con3">积分到账可换免单卡</view>
							<view class="con4">红包在【我的钱包】查看</view>
						</view>
					</view>
					<image src="https://imgs.ynz666.com/2023/12/06/ZTgwNmUwNWVhZjk2NjBlY2RiOTMwNTE5YWRiNTBmODE=.png" mode="scaleToFill" class="free_btn" @click="closeModalRed"></image>
				</view>
			</view>
			
			<!-- 获取券方式 -->
			<view class="maskCoupon" v-if="modalCoupon">
				<view class="nomral-modal">
					<image src="https://imgs.ynz666.com/test/2024/11/04/ZjU4OTIxN2JiYjkwMTFiZmNkNDJiYWRjNzBhZThkZDU=.png" mode="aspectFill" class="tk_bjImg"></image>
					<view class="modal_box">
						<image src="https://imgs.ynz666.com/test/2023/08/14/YTI1NTk0ZmIwMTVmOGE1ZTc3YzIwZjIzNjQ4YWVlNTA=.png" mode="aspectFill" class="gb_img" @click.stop="closeMask"></image>
						<view class="content_box">
							<view class="cont1">
								<image src="https://imgs.ynz666.com/test/2024/11/04/YTAxMzZmNDBjY2MzZGM2MTI0OTNlNGIzMDIzYjljZTQ=.png" mode="aspectFill" class="con_bj"></image>
								<view class="con_main">
									<view class="main_top">分享领券</view>
									<view class="main_bottom">
										<view class="bot_left">
											<view class="left_name">
												分享给新朋友
											</view>
											<view class="left_desc">
												新朋友领取，各得免单券＊1
											</view>
										</view>
										<view class="bot_right" @click="acquireCoupon(1)">
											立即去分享
										</view>
									</view>
								</view>
							</view>
							<view class="cont1 cont2">
								<image src="https://imgs.ynz666.com/test/2024/11/04/MGU2YzViNjhiZDJiYTMyYzU2MTA5ZjAxMzA4ZjE0OTA=.png" mode="aspectFill" class="con_bj"></image>
								<view class="con_main">
									<view class="main_top">
										商城买券
									</view>
									<view class="main_bottom">
										<view class="bot_left">
											<view class="left_name">
												购买更多免单券
											</view>
											<view class="left_desc">
												下楼走一走，免单天天有～
											</view>
										</view>
										<view class="bot_right" @click="acquireCoupon(2)">
											 立即前往
										</view>
									</view>
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
			
			<!-- <view class="giveaway">
				<image src="https://imgs.ynz666.com/test/2024/11/14/NjIwNGJjMDNiY2MyNzdhZTQ3YjVmNTE2MzMwMDBjNWU=.png"
					mode="aspectFill" class="img" @click="openClick"></image>
			</view> -->
			
			<!-- <movable-area class="movableArea">
				<movable-view class="movableView" :position="4" :x="x" :y="y" direction="all" :damping="10" @change="onChange" @touchend="onTouchend">
					<image src="https://imgs.ynz666.com/2025/02/19/OGZhM2ViN2NiYzUwZTdkMjNiNDA0N2E1Njc3MDYxYTE=.png" mode="widthFix" class="iconImage" @click="iconClick" v-if="floating"></image>
				</movable-view>
			</movable-area> -->

			<!-- 自定义导航栏 -->
			<customTabbar :bottomTabbar='bottomTabbar' :curNav="0" :isLoginFlag='isLoginFlag' :saleView='mineInfo.saleView'></customTabbar>
		</view>
	</view>
</template>

<script>
var app = getApp();
import customTabbar from '../../components/custom-tabbar/custom-tabbar.vue';
// import skeleton from '../../components/index-skeleton/index-skeleton.vue';
// import vanskeleton from '@/wxcomponents/vant/dist/skeleton/index.js';
import { getSecKillList, GetGoodsCategory } from '../../apis/index.js';
import loading from '../../components/loading/loading.vue';
import popups from '../../components/popups/popups.vue';
import { apiAuctionHome, apiGetOperationBanners, apiGetProductGroupBuy, apiOperationRedPacket, apiPointSeuityList } from '../../apis/my.js';
import { RECEIVED_PLACE_ORDER_TPL_ID, subscribeMessage } from '@/utils/subMessage.js';
import { getTimertype, getTimestamp } from '@/utils/request/ActivityTime.js';
export default {
	components: {
		customTabbar,
		// skeleton,
		// vanskeleton,
		popups,
		loading,
	},
	data() {
		return {
			loading:true,
			newPersonShow:false,//新人领取积分弹框
			scrollH: 130,
			groupPage:1,
			groupTotal:0,
			groupList:[],//团购列表
			modalFlagFree: false,
			statusBarHeight: 0,
			titleBarHeight: 0,
			topScroll: 0,
			latitude: 0,
			longitude: 0,
			triggered: false, //自定义下啦刷新
			scrollTop: 0, //滑动到当前位置
			bottomTabbar: 0,
			isLoginFlag: app.globalData.isLoginFlag,
			mineInfo: {}, //当前用户信息
			bannerTopList:[],//置顶banner
			x: 0,
			y: 0,
			x1: 0,
			x2: 0,
			y1: 0,
			y2: 0,
			move: {
				x: 0,
				y: 0
			},
			timestamp:0,
			current:0,
			seuityList:[],//积分权益列表
			pointsTiming:[],
			biding_total:0,//当前抢购品的数量
			floating:true,
			currentplat: 0,
			categoryList:[],
			currentCateIndex: 0
		};
	},
	onLoad(options) {
		uni.hideTabBar();
		let that = this;
		app.getLocation().then(res => {
			console.log(res.result,"res.result")
			that.latitude = res.result.location.lat;
			that.longitude = res.result.location.lng;
			that.pointSeuityList();//积分权益列表
			that.acquireGroupList();//团购列表
			that.GetbannerTopList();//banner
			this.getGoodsCategory();
			// that.auctionHome();
			console.log(options,"options.scene11111111")
			if(options.scene){
				let xuScene = decodeURIComponent(options.scene)
				console.log(xuScene,"xuScene")
				// 将查询字符串转换为对象
				// const queryObject = xuScene.split('&').reduce((acc, pair) => {
				//   const [key, value] = pair.split('=');
				//   acc[key] = Number(value); // 如果值需要是数字类型，可以使用 Number() 转换
				//   return acc;
				// }, {});
				const queryObject = xuScene.split('&').reduce((acc, pair) => {
				  const [key, value] = pair.split('=');
				  acc[key] = value; // 如果值需要是数字类型，可以使用 Number() 转换
				  return acc;
				}, {});
				
				console.log(queryObject,"queryObject")
				
				// 后台链接二维码
				if(queryObject.invite_code){
					app.isLogin({invite_code:queryObject.invite_code},function(login){})
				}
				
				// 用户分销二维码
				if(queryObject.inviteId){
					console.log(queryObject.inviteId,"分销中心")
					app.isLogin({userId:queryObject.inviteId},function(login){})
				}
			}
			
			// 后台链接分享
			if(options.invite_code){
				app.isLogin({invite_code:options.invite_code},function(login){})
			}
			
			// 用户端分销链接分享
			if(options.inviteId){
				console.log(options.inviteId,"分销中心分享链接")
				app.isLogin({userId:options.inviteId},function(login){})
			}
			
			app.isLogin({}, function(login) {
				console.log(login,"loginlogin123")
				that.mineInfo = login;
				that.newPersonShow= login.newMember
				// 针对新人逻辑
				if(uni.getStorageSync('newPersonDate')) {
					let now=new Date();
					let timestamp=new Date().getTime()
					that.timestamp=uni.getStorageSync('newPersonDate')-timestamp
				} else {
					let now=new Date();
					now.setDate(now.getDate()+1);
					let timestamp=new Date().getTime()
					let timestampTomorrow=now.getTime();
					uni.setStorageSync('newPersonDate',timestampTomorrow)
					that.timestamp=timestampTomorrow-timestamp
				}
			})
		}).catch(rej => {
			that.latitude = rej.lat;
			that.longitude = rej.lng;
			that.pointSeuityList();//积分权益列表
			that.acquireGroupList();//团购列表
			that.GetbannerTopList();//banner
			app.isLogin({
			}, function(login) {
				that.mineInfo = login;
			})
		})
		
	},
	onShow() {
		uni.hideTabBar();
		if (uni.getStorageSync('mineInfo')) {
			this.mineInfo = uni.getStorageSync('mineInfo');
			this.floating=this.mineInfo.showFloatButton
		}
		// if(uni.getStorageSync('newPersonDate')){
		// 	let now=new Date();
		// 	let timestamp=new Date().getTime()
		// 	let date=uni.getStorageSync('newPersonDate')-timestamp
		// 	console.log(date,"date")
		// 	if(date<=0){
		// 		this.floating=false
		// 	}
		// }
		this.auctionHome();
		uni.hideTabBar();
		// #ifdef MP-WEIXIN
		// #endif
		// #ifdef MP-TOUTIAO
		this.platfrom = 'TOUTIAO';
		// #endif
	},
	onReady() {
		uni.hideTabBar();
		this.statusBarHeight = uni.getSystemInfoSync().statusBarHeight;
		this.titleBarHeight = (uni.getMenuButtonBoundingClientRect().top - this.statusBarHeight) * 2 + uni.getMenuButtonBoundingClientRect().height;
		this.bottomTabbar = uni.getStorageSync('bottomTabbar')
	},
	onPageScroll(e) {

	},
	onReachBottom() {

	},
	onPullDownRefresh() {

	},
	onShareAppMessage() {
		return {
			title: '下楼休闲吧，休闲就此刻',
			path: `/pages/index/index?inviteId=${this.mineInfo.id}`
		}
	},
	onHide() {
		this.sellFlag = false;
		this.popupsFlag = false;
		this.modalFlagFree = false;
	},
	mounted() {
		// this.noticeX();
		uni.getSystemInfo({
			success: (res) => {
				this.x1 = 0;
				this.x2 = parseInt(res.windowWidth) - 50;
				this.y1 = 0;
				this.y2 = parseInt(res.windowHeight) - 20;
				setTimeout(() => {
					if (this.position == 1 || this.position == 2) this.y = parseInt(this.y2 * 0.2);
					if (this.position == 3 || this.position == 4) this.y = parseInt(this.y2 * 0.8);
					if (this.position == 1 || this.position == 3) this.x = parseInt(this.x1);
					if (this.position == 2 || this.position == 4) this.x = parseInt(this.x2);
					this.move.x = this.x;
					this.move.y = this.y;
				}, 1000)
			}
		})
	},
	methods: {
		changeCurrentPlat(i) {
				this.currentplat = i.detail.current;
		},
		onChange(e) {
			if (e.detail.source === "touch") {
				this.move.x = e.detail.x;
				this.move.y = e.detail.y;
			}
		},
		onTouchend() {
			this.x = this.move.x;
			this.y = this.move.y;
			setTimeout(() => {
				if (this.move.x < this.x2 / 2) this.x = this.x1;
				else this.x = this.x2;
				// console.log(this.x, this.y)
			}, 100)
		},
		iconClick(){
			uni.navigateTo({
				url: `/pages/coupleOnly/coupleOnly`
			})
		},
		// 获取节点
		auctionHome(){
			var that = this;
			apiAuctionHome().then(res=>{
				console.log(res,"时间点")
				that.biding_total = res.data.biding_total
				if(res.data.list) {
					that.pointsTiming = res.data.list.map((item) => {
						return Object.assign({}, item, {
							 discountStatus: getTimertype(
							   //判断活动是否开始 是否结束
							   that.format(1), //服务器当前时间、
							   that.format(2)+item.startTime,
							   that.format(2)+item.endTime
							 ),
							 timeEnd:item.endTime ?
							   getTimestamp(
								 that.format(2)+item.endTime.replace(
								   new RegExp("-", "gm"),
								   "/"
								 )
							   ) - res.timestamp*1000:'',
								start:item.start.substring(0, 5)
						});
					})
				}
				console.log(that.pointsTiming,"当前时间点")
			})
		},
		// 整点积分抢购定时任务
		timeOutPoints(){
			// this.auctionHome();
		},
		openPage(page, index) {
			switch (index) {
				case 1:
					uni.navigateTo({
						url: `/pages/${page}/${page}`
					})
					break;
				case 2:
					uni.navigateTo({
						url: `/pageB/${page}/${page}`
					})
					break;
				case 3:
					uni.navigateTo({
						url: `/pageC/${page}/${page}`
					})
					break;
				case 4:
					uni.navigateTo({
						url: `/pageD/${page}/${page}`
					})
					break;
				case 5:
					uni.navigateTo({
						url: `/pageE/${page}/${page}`
					})
					break;
				default:
					break;
			}
		
		},
		// 倒计时时间到
		timeOut(){
			console.log('倒计时时间到')
		},
		// 跳转新人页面
		jumpGoCoupleOnly(id) {
			apiOperationRedPacket().then(res=>{})
			this.newPersonShow=false
			uni.navigateTo({
				url: `/pages/coupleOnly/coupleOnly`
			})
		},
		closeMask(){
			this.newPersonShow=false
		},
		// 首页置顶banner
		GetbannerTopList() {
			// console.log(23425)
			apiGetOperationBanners().then(res=>{
				this.bannerTopList = res.data.list;
			})
		},
		// 获取商品分类列表
		getGoodsCategory() {
			// console.log(23425)
			GetGoodsCategory().then(res=>{
				console.log(res.data.list, 'res.data.list');
				this.categoryList = res.data.list;
			})
		},
		handleCateClick(item, index) {
			this.currentCateIndex = index;
		},
		// 跳转团购详情
		jumpDetil(type,id){
			switch (type) {
				case 1:
					uni.navigateTo({
						url: `/pageC/pointEquity/pointEquity?store_id=${id}`
					})
					break;
				case 2:
				  uni.navigateTo({
					url: `/pageC/pointGroup/pointGroup?store_id=${id}`
				  })
				  break;
				default:
					uni.showToast({
						title: res.message,
						icon: 'none'
					})
					break;
			}
		},
		// 积分权益列表
		pointSeuityList(){
			var that = this;
			let local = that.latitude + "," + that.longitude;
			const hotParms = {
				page: 1,
				pageSize: 14,
				lng: that.longitude,
				lat:that.latitude,
				pagination:true
			}
			apiPointSeuityList(hotParms).then(res=>{
				
				const chunk = (arr, size) => Array.from({
						length: Math.ceil(arr.length / size)
					}, (v, i) =>
					arr.slice(i * size, i * size + size)
				);
				that.seuityList=chunk(res.data.list,2)
			})
		},
		add(m){
			return m<10?'0'+m:m 
		},
		format(index){
			// 2025-02-14 11:30:00
			var time = new Date();
			var y = time.getFullYear();
			var m = time.getMonth()+1;
			var d = time.getDate();
		
			var h = time.getHours();
			var mm = time.getMinutes();
			var s = time.getSeconds();
			if (index==1) {
				return y+'/'+this.add(m)+'/'+this.add(d)+' '+this.add(h)+':'+this.add(mm)+':'+this.add(s);
			} else {
				return y+'/'+this.add(m)+'/'+this.add(d)+' ';
			}
		},
		// 获取团购列表
		acquireGroupList(){
			var that = this;
			let local = that.latitude + "," + that.longitude;
			const hotParms = {
				page: that.groupPage,
				pageSize: 10,
				lng: that.longitude,
				lat:that.latitude,
				pagination:true
			}
			apiGetProductGroupBuy(hotParms).then(res=>{
				switch (res.code) {
					case 0:
						that.groupTotal=res.data.totalCount
						that.isLastPage=res.data.lastPage
						if (res.data.list && res.data.list.length > 0) {
							that.groupList = that.groupPage == 1 ? res.data.list : that.groupList.concat(res.data.list);
							console.log(that.groupList, "团购列表")
						}
						that.loading = false;
						break;
					default:
						uni.showToast({
							title: res.message,
							icon: 'none'
						})
						break;
				}
				
			})
		},
		// 订阅消息
		subscribeMessageData(){
			subscribeMessage([RECEIVED_PLACE_ORDER_TPL_ID]).then(()=>{
				
			})
		},

		PosterJumpPage(poster) {
			let that = this;
			let local = that.latitude + "," + that.longitude;
			// sourceType 1小程序页面 2url 3公众号
			switch(poster.sourceType){
				case 1:
					uni.navigateTo({
						url:poster.sourceUrl + '?store_id=' + poster.sourceId
					})
				break;
				case 2:
						uni.setStorageSync('webUrl', poster.sourceUrl);
						that.$navTo.navigateTo({
							id: 'Home-banner-html',
							url: '/pages/agreement/agreement',
							type: [6]
						})
				break;
			}
			// switch (poster.sourceType) {
			// 	case 3:
			// 		poster.sourceUrl = poster.sourceUrl == 'https://p.ynz666.com/purchase/index.html#/home/index' ?
			// 			poster.sourceUrl + '?token=' + uni.getStorageSync('accessToken') + '&buyVipLevel=' + that
			// 			.mineInfo.buyVipLevel + '&loacl=' + local : poster.sourceUrl;
			// 		uni.setStorageSync('webUrl', poster.sourceUrl);
			// 		that.$navTo.navigateTo({
			// 			id: 'Home-banner-html',
			// 			url: '/pages/agreement/agreement',
			// 			type: [6]
			// 		})
			// 		break;
			// 	case 9:
			// 		let local = this.latitude + "," + this.longitude;
			// 		let weburl = 'https://p.xiuxian.xialoukeji.com/purchase/index.html#/map/index?token=' + uni
			// 			.getStorageSync('accessToken') + '&local=' + local + '&region=' + this.city;
			// 		// console.log(weburl, "weburl")
			// 		uni.setStorageSync('webUrl', weburl);
			// 		this.$navTo.navigateTo({
			// 			id: 'Home-map',
			// 			url: '/pages/agreement/agreement'
			// 		})
			// 		break;
			// 	case 10:
			// 		// 嗨皮圈圈
			// 		uni.navigateToMiniProgram({
			// 			appId: 'wx1c074186ad2098ba',
			// 			path: poster.sourceUrl,
			// 			extraData: {
			// 				'data1': 'test'
			// 			},
			// 			success(res) {
			// 				// 打开成功
			// 				that.addPoint({
			// 					id: 1003,
			// 					pointCode: 'xiu-002',
			// 					eventTitle: '通过bannner跳转嗨皮圈圈页面',
			// 					eventCode: 'banner-xcx',
			// 					eventContent: '通过bannner跳转嗨皮圈圈页面',
			// 					pointReason: '统计跳转嗨皮圈圈的用户人数'
			// 				})
			// 			}
			// 		})
			// 		break;
			// 	default:
			// 		switch (poster.sourceUrl) {
			// 			case "/pages/index/index":
			// 			case "/pages/mine/mine":
			// 			case "/pages/activityCenter/activityCenter":
			// 				uni.switchTab({
			// 					url: poster.sourceUrl
			// 				})
			// 				break;
			// 			case "/pages/activityDetail/activityDetail":
			// 				that.$navTo.navigateTo({
			// 					id: 'Home-banner-activity',
			// 					url: poster.sourceUrl + '?activityId=' + poster.sourceId,
			// 					type: [3]
			// 				})
			// 				// uni.navigateTo({
			// 				// 	url:poster.sourceUrl + '?activityId=' + poster.sourceId
			// 				// })
			// 				break;
			// 			case "/pages/storeDetail/storeDetail":
			// 				// uni.navigateTo({
			// 				// 	url:poster.sourceUrl + '?store_id=' + poster.sourceId
			// 				// })
			// 				that.$navTo.navigateTo({
			// 					id: 'Home-banner-merchant',
			// 					url: poster.sourceUrl + '?store_id=' + poster.sourceId,
			// 					type: [2]
			// 				})
			// 				break;
			// 			case "/pages/invite/invite":
			// 				that.$navTo.navigateTo({
			// 					id: 'Home-banner-intive',
			// 					url: poster.sourceUrl,
			// 					type: [5]
			// 				})
			// 				break;
			// 			case "/pages/register/register":
			// 				if (this.mineInfo.isInner && this.mineInfo.vip_level <= 0) {
			// 					that.$navTo.navigateTo({
			// 						id: 'Home-see',
			// 						// url:poster.sourceUrl,
			// 						url: '/pages/register/register',
			// 						type: [4]
			// 					})
			// 				} else {
			// 					// #ifdef MP-WEIXIN
			// 					that.$navTo.navigateTo({
			// 						id: 'Home-see',
			// 						// url:poster.sourceUrl,
			// 						url: '/pages/memberCenter/memberCenter',
			// 						type: [4]
			// 					})
			// 					// #endif
			// 					// #ifdef MP-TOUTIAO
			// 					that.$navTo.navigateTo({
			// 						id: 'Home-see',
			// 						url: '/pages/memberCenter/memberCenter',
			// 						type: [4]
			// 					})
			// 					// #endif
			// 				}
			// 				break;
			// 			case "/pages/groupDetail/groupDetail":
			// 				uni.navigateTo({
			// 					url: poster.sourceUrl + '?id=' + poster.sourceId
			// 				})
			// 				break;
			// 			default:
			// 				// console.log(poster.sourceUrl, "poster.sourceUrl111111");
			// 				uni.navigateTo({
			// 					url: poster.sourceUrl
			// 				})
			// 				break;
			// 		}
			// 		break;
			// }
			// }
		},
		pullDownRefreash(e) {
			
		},
		// 页面滑动到底部
		tolower() {
			console.log("到底了")
			if (!this.isLastPage) {
				this.groupPage++;
				this.acquireGroupList();
			}
			// if(this.groupTotal!=this.groupList.length){
			// 	this.groupPage++;
			// 	this.acquireGroupList();
			// }
		},
		refresh(e) {
			let that = this;
			that.triggered = true;
			setTimeout(() => {
				that.GetbannerTopList();
				that.pointSeuityList();//积分权益列表
				
				that.groupPage = 1
				that.groupList = []
				that.acquireGroupList();//团购列表
				
				that.triggered = false;
				// uni.hideNavigationBarLoading() //完成停止加载
				// uni.stopPullDownRefresh() //停止下拉刷新
			}, 1500);
		},
		changeCurrent(i) {
			this.current = i.detail.current;
		},
		// 限时秒杀
		getListLikeAll() {
			var that = this;
			let local = that.latitude + "," + that.longitude;
			const hotParms = {
				page: 1,
				pageSize: 14,
				location: local,
				tag: 0,
			}
			getSecKillList(hotParms).then(res => {
				switch (res.code) {
					case 200:
						// that.loading = false;
						const chunk = (arr, size) => Array.from({
								length: Math.ceil(arr.length / size)
							}, (v, i) =>
							arr.slice(i * size, i * size + size)
						);
						that.total_page = res.data.total_page;
						// that.isLastPage = res.data.data.is_last_page;
						that.likeAllList =chunk(res.data.data, 2);
						
						// if(res.data.data.length>1){
						// 	clearInterval(that.timer);
						// 	that.timer = setInterval(() => {
						// 		that.showtime(res.data.data[0].endTime)
						// 	}, 1000)
						// }
						
						console.log(that.likeAllList, "限时秒杀列表")
						break;
					default:
						that.likeAllList = [];
						uni.showToast({
							title: res.message,
							icon: 'none'
						})
						break;
				}
			})
		},
		inputAdress() {
			uni.navigateTo({
			  url: `/pages/search/search`
			})
		},
	}
}
</script>

<style lang="scss">
	page {
		background-color: #ffffff;
		width: 100% !important;
		overflow-x: hidden !important;
	}

	// 邀请用户进群样式
	.movableArea {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		pointer-events: none; //设置area元素不可点击，则事件便会下移至页面下层元素
		z-index: 99;

		.movableView {
			pointer-events: auto; //可以点击
			width: 192rpx;
			height: 156rpx;
			padding: 10rpx;
			border-radius: 100%;
			// border: 2px solid #f8931f;
			bottom: 200rpx;
			right: 20rpx;
			left: unset;
			top: unset;

			.iconImage {
				display: block;
				width: 192rpx;
				height: 156rpx;
				animation: shake 1s linear infinite;
			}

			@keyframes shake {
				10% {
					transform: rotate(0);
				}

				30% {
					transform: rotate(5deg);
				}

				50% {
					transform: rotate(-5deg);
				}

				70% {
					transform: rotate(0);
				}

				90% {
					transform: rotate(0);
				}
			}

			// 客服
			.contact {
				width: 50px;
				height: 50px;
				overflow: hidden;
				position: absolute;
				left: 0px;
				top: 0px;
				border-radius: 100%;
				opacity: 0;
			}

		}
	}


	// 头部样式
	.container {
		width: 100% !important;
		overflow-x: hidden !important;
	}

	.backGroundWhite {
		// background-color: #F43B00 !important;
	}

	.top-content {
		.top_img{
			width: 100%;
		}
		// background: #F43B00;
	}

	.scroll-box {
		// height:calc(100vh - 10%)rpx;
		height: calc(100vh - var(--window-top));
		position: fixed;
		background: #f9f9f9;
	}

	.top-fixed {
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 5;
	}

	.status_nav {
		width: 100vw;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 3;
	}

	// 搜索框
	.search-input {
		padding: 20rpx 0;
		position: fixed;
		left: 0;
		top: 0;
		font-size: 28rpx;
		color: #999999;
		z-index: 5;

		.search-input-box {
			display: flex;
			justify-content: space-between;
			background: #F1F2F5;
			border-radius: 40rpx;
			width: 690rpx;
			margin: 0 30rpx;
			height: 78rpx;
			line-height: 78rpx;
			align-items: center;

			.search-input-left {
				width: 80%;
				display: flex;
				align-items: center;

				image {
					width: 32rpx;
					height: 32rpx;
					margin: 0 10rpx 0 34rpx;
				}

				.swiper_zi {
					width: 100%;
					height: 78rpx;
				}
			}

			.search-map {
				height: 25rpx;
				line-height: 25rpx;
				padding: 0 20rpx;
				padding-right: 34rpx;
				border-left: 1rpx solid #bbb;
				font-size: 24rpx;
				color: #333333;
			}
		}
	}

	.type-list {
		width: calc(100% - 56rpx);
		// position: fixed;
		left: 0;
		display: flex;
		justify-content: space-between;
		padding: 30rpx 28rpx;
		text-align: center;
		font-size: 24rpx;
		font-weight: bold;
		color: #666666;
		line-height: 32rpx;

		image {
			width: 70rpx;
			height: 70rpx;
			display: block;
			margin: 0 auto;
			border-radius: 50%;
			margin-bottom: 8rpx;
		}
	}

	@keyframes breath {
		0% {
			transform: scale(1);
		}

		100% {
			transform: scale(0.9, 0.9);
		}
	}

	.footer {
		width: 100%;
		height: 110rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		position: fixed;
		bottom: 300rpx;

		.btn {

			display: flex;
			align-items: center;
			justify-content: center;
			width: 652rpx;
			height: 110rpx;
			// background: linear-gradient(180deg, #FDFBF1 0%, #FBF5DF 100%);
			// color: #BA160B;
			background: #BA160B;
			color: #fff;

			border-radius: 55rpx;
			font-size: 32rpx;
			font-family: FZLTTHK--GBK1-0, FZLTTHK--GBK1;
			font-weight: normal;
			animation: breath .4s infinite linear alternate backwards running;
		}

		.img {
			width: 156rpx;
			height: 156rpx;
			position: absolute;
			right: 20rpx;
			top: 34rpx;
		}
	}

	// 区域选择
	.mask {
		background: rgba(0, 0, 0, 0.5);
		position: fixed;
		width: 100vw;
		height: 100vh;
		top: 0;
		left: 0;
		z-index: 99;
	}

	.Area_Box {
		width: 630rpx;
		background: #FFFFFF;
		margin: 0 auto;
		padding: 30rpx;
		margin-top: 214rpx;
		border-radius: 24rpx;

		.area-now,
		.area-loc {
			display: flex;
			justify-content: space-between;
			line-height: 90rpx;
			font-size: 32rpx;
			margin-bottom: 40rpx;

			view:nth-child(1) {
				color: #999999;
			}

			view:nth-child(2) {
				color: #141414;
			}
		}

		.area-all {
			.area-all-title {
				font-size: 32rpx;
				color: #999999;
				margin-bottom: 30rpx;
			}

			.area-block {
				display: flex;
				flex-wrap: wrap;
				margin-bottom: 40rpx;
				color: #666666;
				font-size: 28rpx;

				.AreaActive {
					background-color: #F7B500;
					color: #141414;
				}

				view {
					text-align: center;
					line-height: 72rpx;
					width: 192rpx;
					height: 72rpx;
					margin: 0 8rpx 15rpx 8rpx;
					background: #F4F4F4;
					border-radius: 8rpx;
				}
			}
		}

		.area-tips {
			text-align: center;
			font-size: 24rpx;
			color: #999999;
			line-height: 66rpx;
			padding-bottom: 30rpx;
		}
	}

	//  自定也首页顶部导航
	.Index_tab_top {
		z-index: 3;
		width: 100%;
		display: flex;
		position: fixed;
		left: 0;
		// align-items: center;
		flex-direction: column;
		justify-content: center;
		.areaCbox {
			margin-left: 30rpx;
			font-size: 28rpx;
			font-weight: bolder;
			color: #fff;
		}
		.title_img{
			width: 200rpx;
			height: 38rpx;
			position: absolute;
			left: 50%;
			margin-left: -100rpx;
			text-align: center;
		}

		.tips-title {
			font-weight: bold;
			width: 200rpx;
			position: absolute;
			left: 50%;
			margin-left: -100rpx;
			text-align: center;
			// color: #fff;
			// margin-left: 30rpx;
			// display: flex;
			// align-items: center;
		}
		

		.img {
			width: 151rpx;
			height: 42rpx;
			// position: absolute;
			// left: 50%;
			// margin-left: -94rpx;
		}

		.title {
			width: 186rpx;
			height: 32rpx;
			position: absolute;
			left: 50%;
			margin-left: -93rpx;
		}
	}
	.bot_nav{
		z-index: 3;
		width: 100%;
		display: flex;
		position: fixed;
		left: 0;
		height: 80rpx;
		.nav_box{
			width: 100%;
			margin: 10rpx 42rpx 0;
			display: flex;
			align-items: center;
			justify-content: space-between;
		}
		.nav_left{
			font-size: 30rpx;
			color: #000000;
			font-weight: bold;
		}
		.nav_right{
			width: 150rpx;
			height: 64rpx;
			background: rgba(255,255,255,0.6);
			border-radius: 36rpx;
			border: 2rpx solid #FFFFFF;
			display: flex;
			align-items: center;
			.city_btn{
				margin: 0 14rpx 0 14rpx;
				display: flex;
				align-items: center;
				.img{
					width: 40rpx;
					height: 40rpx;
				}
			}
			.input_box{
				font-weight: 400;
				font-size: 28rpx;
				color: #989898;
			}
		}
	}

	// banner 新顶部
	.banner_new {
		width: 100%;
		height: 240rpx;
		margin: 0 auto;
		border-radius: 24rpx;
		background: #F9F9F9;
			.banner_img{
				width: 100%;
				height: 240rpx;
			}
		  .banCon{
				// height: 280rpx;
				height: 240rpx;
				// padding-top: 10rpx;
				position: absolute;
				top: 0;
				width: 100%;
				// banner广告
				.index-banner {
					width: 100%;
					margin: 0 auto;
					border-radius: 24rpx;
					position: relative;
					swiper {
						height: 240rpx;
						width: 100%;
						// margin-top: 4rpx;
					}
					swiper-item {
						width: 100%;
						height: 240rpx;
						border-radius: 24rpx;
						display: flex;
						align-items: center;
				    overflow: unset;
						.swiper-item {
							display: flex;
							flex-direction: column;
							justify-content: center;
							align-items: flex-start;
							overflow: unset;
						}
				
						.slide-image {
							height: 240rpx;
							width: 710rpx;
							z-index: 1;
							transition: all 0.2s ease-in 0s;
							border-radius: 24rpx;
							margin: auto;
						}
				
						.active {
							transform: scale(1.14);
							z-index: 20;
							// margin: 0rpx 20rpx;
						}
					}
				
					.dots-box {
						width: 100%;
						align-items: center;
						justify-content: center;
						display: flex;
						position: absolute;
						bottom: 0;
						z-index: 1;
				
						.dots {
							width: 40rpx;
							height: 6rpx;
							border-radius: 20rpx;
							background-color: #d8d8d8;
							margin: 0 4rpx;
						}
				
						.dots-active {
							background: #F43B00;
							width: 40rpx;
							height: 6rpx;
							border-radius: 20rpx;
						}
					}
					
					.dots-box {
						width: 100%;
						align-items: center;
						justify-content: center;
						display: flex;
						position: absolute;
						bottom: 0;
						z-index: 1;
					
						.dots {
							width: 40rpx;
							height: 6rpx;
							border-radius: 20rpx;
							background-color: #d8d8d8;
							margin: 0 4rpx;
						}
					
						.dots-active {
							background: #F43B00;
							width: 40rpx;
							height: 6rpx;
							border-radius: 20rpx;
						}
					}
				}
			}

	}
	
	// 整点积分抢购
	.purchase{
		margin: 28rpx 30rpx 0;
		width: 690rpx;
		// height: 374rpx;
		background: linear-gradient( 180deg, #FFFBFB 0%, #FFFFFF 100%);
		border-radius: 20rpx;
		padding-bottom: 20rpx;
		.purOne{
			margin: 0 22rpx 0;
			
			.top{
				padding-top: 30rpx;
				display: flex;
				align-items: center;
				justify-content: space-between;
				.top_name{
					font-family: PingFangSC, PingFang SC;
					font-weight: bold;
					font-size: 32rpx;
					color: #333333;
				}
				.top_all{
					font-family: PingFangSC, PingFang SC;
					font-weight: 400;
					font-size: 24rpx;
					color: #B1B1B1;
					display: flex;
					align-items: center;
					.img{
						width: 18rpx;
						height: 26rpx;
						margin-left: 6rpx;
					}
				}
			}
			.bot{
				display: flex;
				align-items: center;
				justify-content: space-around;
				padding-top: 12rpx;
				.item{
					display: flex;
					flex-direction: column;
					align-items: center;
					justify-content: center;
					.item_date{
						font-family: PingFangSC, PingFang SC;
						font-weight: 500;
						font-size: 32rpx;
						color: #333333;
					}
					.item_status{
						margin-top: 4rpx;
						font-family: PingFangSC, PingFang SC;
						font-weight: 400;
						font-size: 22rpx;
						color: #999999;
					}
					.item_dateOne{
						color: #FF3500;
					}
					.item_statusZero{
						color: #666666;
					}
					.item_statusOne{
						width: 132rpx;
						height: 52rpx;
						background: #FC5327;
						border-radius: 28rpx;
						font-weight: bold;
						font-size: 22rpx;
						color: #FFFFFF;
						display: flex;
						align-items: center;
						justify-content: center;
					}
				}
			}
		}
		.purTwo{
			display: flex;
			align-items: center;
			margin: 14rpx 24rpx 0;
			
			.left{
				width: 144rpx;
				height: 144rpx;
				.img{
					width: 144rpx;
					height: 144rpx;
					border-radius: 12rpx;
				}
			}
			.right{
				padding-left: 32rpx;
				.right_name{
					font-family: PingFangSC, PingFang SC;
					font-weight: bold;
					font-size: 32rpx;
					color: #333333;
				}
				.right_schedule{
					display: flex;
					align-items: center;
					margin-top: 22rpx;
					.sch_left{
						width: 342rpx;
					}
					.sch_rig{
						font-weight: 400;
						font-size: 24rpx;
						color: #B1B1B1;
						padding-left: 24rpx;
					}
				}
			}
		}
	}
	
	.swiper-tab{
		white-space: nowrap;
	}
	.cate-list{
		justify-content: space-between;
		align-items: center;
		height: 45px;
		font-size: 14px;
	}
	.scoll-item{
		text-align: center;
		display: inline-block;
		// width: 100rpx;
		box-sizing: border-box;
		margin-left: 30rpx;
		margin-top: 3px;
		padding: 0 15px;
	}
	.scoll-item:last-child{
		margin-right: 30rpx;
	}
	.cateActive{
		height: 30px;
		line-height: 30px;
		background: #FFF2E8;
		border-radius: 15px;
		font-weight: bold;
		color: #F45D2D;
		margin-right: 15px;
	}
	// 热门权益
	.equity{
		margin: 28rpx 0 0;
		// width: 690rpx;
		// height: 374rpx;
		// padding: 0 0 30rpx;
		// background: linear-gradient( 180deg, #FFFBFB 0%, #FFFFFF 100%);
		border-radius: 20rpx;
		.equ_title{
			// margin: 0 22rpx 0;
			display: flex;
			justify-content: space-between;
			padding-top: 20rpx;
			margin: 0 30rpx 0;
			.left{
				
				.left_name{
					display: flex;
					align-items: center;
					.view1{
						font-family: PingFangSC, PingFang SC;
						font-weight: bold;
						font-size: 32rpx;
						color: #333333;
					}
					.img{
						width: 168rpx;
						height: 40rpx;
						margin-left: 6rpx;
					}
					.view2{
						width: 136rpx;
						height: 40rpx;
						background: linear-gradient( 270deg, #FE2E9A 0%, #FF2661 100%);
						border-radius: 20rpx 20rpx 20rpx 0rpx;
						border: 2rpx solid #FFFFFF;
						font-family: PingFangSC, PingFang SC;
						font-weight: 500;
						font-size: 22rpx;
						color: #FFFFFF;
						display: flex;
						align-items: center;
						justify-content: center;
						margin-left: 6rpx;
					}
				}
				.left_desc{
					font-family: PingFangSC, PingFang SC;
					font-weight: 400;
					font-size: 22rpx;
					color: #666666;
					margin-top: 6rpx;
				}
			}
			.right{
				font-family: PingFangSC, PingFang SC;
				font-weight: 400;
				font-size: 24rpx;
				color: #B1B1B1;
				display: flex;
				align-items: center;
				.img{
					width: 18rpx;
					height: 26rpx;
					margin-left: 6rpx;
				}
			}
		}
		.equ_content{
			margin: 14rpx 0 0 24rpx;
			display: -webkit-box;
			overflow-x: auto;
			.item{
				width: 520rpx;
				height: 158rpx;
				background: #FFFFFF;
				border-radius: 16rpx;
				border: 1rpx solid #F2F2F2;
				display: flex;
				align-items: center;
				margin-right: 24rpx;
				.item_left{
					width: 120rpx;
					height: 120rpx;
					margin-left: 16rpx;
					.img{
						width: 120rpx;
						height: 120rpx;
						border-radius: 12rpx;
					}
				}
				.item_right{
					padding-left: 12rpx;
					flex: 1;
					.name{
						font-family: PingFangSC, PingFang SC;
						font-weight: bold;
						font-size: 26rpx;
						color: #333333;
						// white-space: nowrap;
						// overflow: hidden;
						// text-overflow: ellipsis;
						// width: 340rpx;
						word-break: break-all;
						white-space: pre-wrap;
						word-wrap: break-word;
						overflow: hidden;
						display: -webkit-box;
						text-overflow: ellipsis;
						-webkit-box-orient: vertical;
						-webkit-line-clamp: 1;
					}
					.desc{
						font-family: PingFangSC, PingFang SC;
						font-weight: 400;
						font-size: 20rpx;
						color: #B5B5B5;
						padding: 4rpx 0 22rpx;
					}
					.con{
						display: flex;
						align-items: center;
						.con_left{
							font-family: PingFangSC, PingFang SC;
							font-weight: bold;
							font-size: 22rpx;
							color: #939393;
							display: flex;
							align-items: center;
							.act{
								color: #FB602B;
							}
						}
						.con_rig{
							display: flex;
							align-items: center;
							height: 40rpx;
							background: #F8F8F8;
							padding: 0 6rpx;
							font-family: PingFangSC, PingFang SC;
							font-weight: 400;
							font-size: 20rpx;
							color: #999999;
							margin-left: 10rpx;
						}
					}
				}
			}
		}
		.equ_content::-webkit-scrollbar {
		  display: none;
		}
		.equ_contentTwo{
			margin: 24rpx 0 0 30rpx;
			.plat_swiper{
				width: 100%;
				height: 380rpx;
				.swiper-item{
					width: 590rpx;
					height: 380rpx;
					.b_box{
						width: 590rpx;
						height: 380rpx;
						.b_item{
							width: 590rpx;
							height: 180rpx;
							display: flex;
							.item_left{
								width: 180rpx;
								height: 180rpx;
								.img{
									width: 180rpx;
									height: 180rpx;
									border-radius: 12rpx;
								}
							}
							.item_right{
								padding-left: 15rpx;
								flex: 1;
								.name{
									font-family: PingFangSC, PingFang SC;
									font-weight: bold;
									font-size: 30rpx;
									color: #333333;
									word-break: break-all;
									white-space: pre-wrap;
									word-wrap: break-word;
									overflow: hidden;
									display: -webkit-box;
									text-overflow: ellipsis;
									-webkit-box-orient: vertical;
									-webkit-line-clamp: 1;
									margin-top: 8rpx;
									will-change: transform; /* 提示浏览器优化渲染 */
								}
								.desc{
									font-family: PingFangSC, PingFang SC;
									font-weight: 400;
									font-size: 24rpx;
									color: #B1B1B1;
									padding: 12rpx 0 6rpx;
									word-break: break-all;
									white-space: pre-wrap;
									word-wrap: break-word;
									overflow: hidden;
									display: -webkit-box;
									text-overflow: ellipsis;
									-webkit-box-orient: vertical;
									-webkit-line-clamp: 1;
									will-change: transform; /* 提示浏览器优化渲染 */
									.text_xhx{
										margin: 0 10rpx;
									}
								}
								.con{
									display: flex;
									align-items: center;
									padding-top: 26rpx;
									font-weight: bold;
									font-size: 26rpx;
									color: #939393;
									will-change: transform; /* 提示浏览器优化渲染 */
									.act{
										color: #FB602B;
										will-change: transform; /* 提示浏览器优化渲染 */
									}
								}
							}
						}
						.b_item:nth-child(2){
							margin-top: 20rpx;
						}
					}
				}
			}
		}
	}
	
	// 公告
	.announcement {
		width: 100%;
		height: 114rpx;
		display: flex;
		align-items: flex-end;
		// background: #fff;

		.box {
			width: 100%;
			height: 82rpx;
			position: relative;
			background: #fff;
		}

		.img {
			width: 100%;
			height: 82rpx;
		}

		.ann_box {
			width: 100%;
			height: 82rpx;
			position: absolute;
			top: 0;
			display: flex;
			align-items: center;

			.icon {
				width: 82rpx;
				height: 82rpx;
				// margin-left: 20rpx;
				z-index: 4;
			}

			.ann_con {
				flex: 1;
				padding: 0 32rpx;
				overflow: hidden;
				white-space: nowrap;
				font-size: 26rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #F43B00;
			}
		}
	}

	@keyframes noticeAnimation {
		from {
			transform: translateX(300px)
		}

		to {
			transform: translateX(-100%);
		}
	}

	// 选择菜单
	.menu_tab {
		width: 100%;
		height: 163rpx;
		background: #fff;
		margin-top: 28rpx;

		.top {
			display: flex;
			align-items: center;
			margin: 0 20rpx;

			.item {
				margin-right: 80rpx;
				padding-top: 32rpx;
				display: flex;
				flex-direction: column;
				align-items: center;

				.name {
					font-size: 28rpx;
					font-family: PingFangSC-Medium, PingFang SC;
					font-weight: 500;
					color: #333333;
				}

				.xhx {
					width: 38rpx;
					height: 6rpx;
					background: #fff;
					border-radius: 3rpx;
				}
			}

			.item_active {
				.name {
					font-size: 32rpx;
					font-family: PingFangSC-Medium, PingFang SC;
					font-weight: 500;
					color: #F43B00;
				}

				.xhx {
					width: 38rpx;
					height: 6rpx;
					background: linear-gradient(291deg, #F43B00 0%, #FA6D00 100%);
					border-radius: 3rpx;
				}
			}
		}

		.bot {
			display: flex;
			align-items: center;
			margin: 0 20rpx;
			padding-top: 24rpx;

			.item {
				margin-right: 60rpx;
				display: flex;
				align-items: center;

				.name {
					font-size: 26rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #666666;
				}

				.img {
					width: 18rpx;
					height: 18rpx;
					margin-left: 4rpx;
				}
			}
		}
	}

	// 商家列表
	.merchant {
		margin: 26rpx 30rpx 0;
		padding-bottom: 450rpx;
		.mer_top{
			display: flex;
			justify-content: space-between;
			padding-top: 22rpx;
			.left{
				.left_name{
					display: flex;
					align-items: center;
					.view1{
						font-family: PingFangSC, PingFang SC;
						font-weight: bold;
						font-size: 32rpx;
						color: #333333;
						display: flex;
						align-items: center;
						.act{
							color:#F45D2D;
						}
					}
				}
				.left_desc{
					font-family: PingFangSC, PingFang SC;
					font-weight: 400;
					font-size: 22rpx;
					color: #666666;
					margin-top: 6rpx;
				}
			}
			.right{
				font-family: PingFangSC, PingFang SC;
				font-weight: 400;
				font-size: 24rpx;
				color: #B1B1B1;
				display: flex;
				align-items: center;
				.img{
					width: 18rpx;
					height: 26rpx;
					margin-left: 6rpx;
				}
			}
		}
		.mer_bot{
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			margin-top: 28rpx;
		}
		.item {
			background: #FFFFFF;
			border-radius: 24rpx;
			width: 332rpx;
			height: 540rpx;
			margin-bottom: 28rpx;

			.item_box {
				// padding: 0rpx 0 24rpx;
				display: flex;
				flex-wrap: wrap;

				.item_top {
          width: 100%;
					height: 332rpx;
					position: relative;
					.img {
						width: 100%;
						height: 332rpx;
						border-radius: 24rpx 24rpx 0 0;
					}
					.dw{
						display: flex;
						align-items: center;
						font-family: PingFangSC, PingFang SC;
						font-weight: 400;
						font-size: 22rpx;
						color: #FFFFFF;
						padding: 0 14rpx;
						height: 40rpx;
						background: rgba(0, 0, 0, 0.44);
						position: absolute;
						left: 18rpx;
						bottom: 12rpx;
					}
				}

				.item_bot {
					padding: 16rpx 0 0;
					margin: 0 22rpx 0;
					width: 288rpx;
					.name{
						font-family: PingFangSC, PingFang SC;
						font-weight: bold;
						font-size: 26rpx;
						color: #333333;
						word-break: break-all;
						white-space: pre-wrap;
						word-wrap: break-word;
						overflow: hidden;
						display: -webkit-box;
						text-overflow: ellipsis;
						-webkit-box-orient: vertical;
						-webkit-line-clamp: 1;
					}
					.name_store{
						color: #FFC107;
					}
					.desc{
						font-family: PingFangSC, PingFang SC;
						font-weight: 400;
						font-size: 22rpx;
						color: rgba(153, 153, 153, 1);
						margin: 8rpx 0 14rpx;
						word-break: break-all;
						white-space: pre-wrap;
						word-wrap: break-word;
						overflow: hidden;
						display: -webkit-box;
						text-overflow: ellipsis;
						-webkit-box-orient: vertical;
						-webkit-line-clamp: 1;
						.fontText{
							color: rgba(51, 51, 51, 1);
						}
						// .text_right{
						// 	margin-right: 5rpx;
						// }
						.text_xhx{
							margin: 0 10rpx;
						}
					}
					.con{
						display: flex;
						justify-content: space-between;
						align-items: center;
						.con_left{
							display: flex;
							align-items: center;
							.price{
								font-family: PingFangSC, PingFang SC;
								font-weight: 600;
								font-size: 32rpx;
								color: #F33538;
								.fontSize{
									font-size: 24rpx;
								}
							}
							.discount{
								height: 36rpx;
								background: #FFFFFF;
								border-radius: 4rpx;
								border: 2rpx solid #F33538;
								padding: 0 4rpx;
								display: flex;
								align-items: center;
								margin-left: 10rpx;
								font-family: PingFangSC, PingFang SC;
								font-weight: 400;
								font-size: 24rpx;
								color: #F33538;
							}
						}
						.con_rig{
							width: 120rpx;
							height: 44rpx;
							background: linear-gradient( 143deg, #FB8E2D 0%, #FC5828 100%);
							box-shadow: 0rpx 4rpx 8rpx 0rpx #FFD7D7;
							border-radius: 32rpx;
							display: flex;
							align-items: center;
							justify-content: center;
							font-family: PingFangSC, PingFang SC;
							font-weight: 500;
							font-size: 28rpx;
							color: #FFFFFF;
						}
					}
				}
			}
		}
		.item_kong{
			width: 100%;
			padding: 30rpx 0 0;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 24rpx;
			color: #999;
		}
	}

	// 新人用户领取积分弹框
	.newPersonMask{
		width: 100vw;
		height: 100vh;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 99;
			
		background-color: rgba(0, 0, 0, 0.65);
			
		
		.friendModal_box {
			width: 630rpx;
			height: 1040rpx;
			border-radius: 20rpx;
			position: absolute;
			top: 50%;
			transform: translateY(-60%);
			left: 50%;
			margin-left: -315rpx;
			.fri_img{
				width: 630rpx;
				height: 1040rpx;
			}
			.fri_box{
				width: 630rpx;
				height: 1040rpx;
				position: absolute;
				top: 0;
				display: flex;
				flex-direction: column;
				align-items: center;
				.name{
					font-family: PingFangSC, PingFang SC;
					font-weight: bold;
					font-size: 44rpx;
					color: #CB875C;
					padding-top: 100rpx;
					padding-top: 400rpx;
				}
				.points{
					font-family: Helvetica, Helvetica;
					font-weight: bold;
					font-size: 120rpx;
					color: #FA4024;
					.fontSize{
						font-size:24rpx;
					}
				}
				.desc{
					margin: 80rpx 142rpx 0;
					font-family: PingFangSC, PingFang SC;
					font-weight: 500;
					font-size: 32rpx;
					color: #FFFFFF;
					text-align: center;
					.fontColor{
						color: rgba(252, 209, 118, 1);
					}
				}
				.per_btn{
					margin-top: 50rpx;
					width: 510rpx;
					height: 112rpx;
					background: linear-gradient( 180deg, #FFE9C8 0%, #FDEBBE 21%, #FFE7DE 100%);
					border-radius: 105rpx;
					font-family: PingFangSC, PingFang SC;
					font-weight: bold;
					font-size: 48rpx;
					color: #970502;
					display: flex;
					align-items: center;
					justify-content: center;
				}
				.per_date{
					font-family: PingFangSC, PingFang SC;
					font-weight: 500;
					font-size: 28rpx;
					color: #FFE1D3;
					margin-top: 20rpx;
				}
			}
			
			.fot {
				position: absolute;
				height: 80rpx;
				bottom: -140rpx;
				width: 100%;
				display: flex;
				align-items: center;
				justify-content: space-around;
				.img{
					width: 63rpx;
					height: 63rpx;
				}
			}
			
			
		}
	}

	// tab
	.active {
		color: #F7B500;
	}

	.store-type {
		.type-item {
			display: inline-block;
			font-size: 32rpx;
			color: #666666;
			line-height: 40rpx;
			margin-right: 40rpx;

			.type-item-top {
				font-weight: 400;
				font-size: 32rpx;
				color: #666666;
			}

			.type-item-center {
				font-weight: 400;
				font-size: 20rpx;
				color: #999999;
			}

			.type-item-bottom {
				width: 80rpx;
				height: 4rpx;
				background: #f4f4f4;
				border-radius: 8rpx;
			}
		}
	}

	.type-active {
		.type-item-top {
			font-weight: 400;
			font-size: 32rpx;
			color: rgba(244, 59, 0, 1) !important;
			font-weight: bold !important;
		}

		.type-item-center {
			font-weight: 400;
			font-size: 20rpx;
			color: #999999 !important;
		}

		.type-item-bottom {
			width: 80rpx;
			height: 4rpx;
			background: #F43B00 !important;
			border-radius: 8rpx;
		}
	}

	.tab {
		position: fixed;
		left: 0;
		z-index: 4;
	}

	// 选择菜单
	.ceiling {
		width: 100%;
		height: 284rpx;
		background: #fff;
		z-index: 12;

		.banCon1 {
			padding: 10rpx 0;
			display: flex;
			align-items: center;
			background: #F43B00;

			.left {
				width: 440rpx;
				height: 58rpx;
				border-radius: 29rpx;
				border: 1rpx solid #FFFFFF;
				display: flex;
				align-items: center;
				margin-left: 20rpx;

				.img {
					width: 28rpx;
					height: 28rpx;
					margin: 0 11rpx 0 26rpx;
				}

				.input_ss {
					font-size: 26rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #FFFFFF;
				}
			}

			.right {
				display: flex;
				align-items: center;

				.r_v1 {
					display: flex;
					flex-direction: column;
					align-items: center;
					justify-content: center;
					margin-left: 40rpx;

					.img {
						width: 36rpx;
						height: 36rpx;
					}

					.text {
						font-size: 24rpx;
						font-family: PingFangSC-Regular, PingFang SC;
						font-weight: 400;
						color: #FFFFFF;
						padding-top: 8rpx;
					}
				}
			}
		}

		.top {
			display: flex;
			align-items: center;
			background: #F43B00;
			height: 106rpx;
			display: flex;
			align-items: center;

			.item {
				padding-left: 20rpx;
				margin-right: 60rpx;
				display: flex;
				flex-direction: column;
				align-items: center;

				.name {
					font-size: 28rpx;
					font-family: PingFangSC-Medium, PingFang SC;
					font-weight: 500;
					color: #fff;
				}

				.xhx {
					width: 38rpx;
					height: 6rpx;
					background: #F43B00;
					border-radius: 3rpx;
				}
			}

			.item_active {
				.name {
					font-size: 30rpx;
					font-family: PingFangSC-Medium, PingFang SC;
					font-weight: 500;
					color: #fff;
				}

				.xhx {
					width: 38rpx;
					height: 6rpx;
					background: #fff;
					border-radius: 3rpx;
				}
			}

			.item:last-child {
				margin-right: 0;
			}
		}

		.bot {
			background: #F4F4F4;
			display: flex;
			align-items: center;
			padding: 24rpx 20rpx;

			.item {
				margin-right: 60rpx;
				display: flex;
				align-items: center;

				.name {
					font-size: 26rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #666666;
				}

				.img {
					width: 18rpx;
					height: 18rpx;
					margin-left: 4rpx;
				}
			}

			.item_active {
				.name {
					color: #F43B00;
				}

				.imgTow {
					transform: rotate(180deg);
				}
			}
		}

		.ceil_fot {
			width: 750rpx;
			height: 0;
			background: #F4F4F4;
			border-radius: 0rpx 0rpx 20rpx 20rpx;
			// display: none;
			transition: 0.5s;

			.menuTab {
				padding: 20rpx 20rpx 0;
				height: 294rpx;
				display: none;
				transition: 0.5s;
        overflow-y: auto;
				.menu_item {
					font-size: 24rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #333333;
					margin-bottom: 30rpx;
					display: flex;
					align-items: center;
					justify-content: space-between;

					.img {
						width: 24rpx;
						height: 24rpx;
						display: none;
					}
				}

				.menu_item_active {
					font-size: 26rpx;
					font-family: PingFangSC-Medium, PingFang SC;
					font-weight: 500;
					color: #F43B00;

					.img {
						display: block;
						width: 24rpx;
						height: 24rpx;
					}
				}
			}
		}

		.ceil_fot_active {
			// display: block;
			width: 750rpx;
			height: 354rpx;
			background: #F4F4F4;
			border-radius: 0rpx 0rpx 20rpx 20rpx;

			.menuTab {
				display: block;

			}
		}
	}

	.ceilShow {
		width: 100%;
		height: 100vh;
		background: rgba(0, 0, 0, 0.5);
		position: fixed;
		z-index: 10;

	}

	.invite-modal {
		width: 500rpx;
		height: 600rpx;
		background: #FFFFFF;
		border-radius: 44rpx;
		position: absolute;
		left: 50%;
		margin-left: -250rpx;
		top: 50%;
		margin-top: -350rpx;
		text-align: center;

		.modal-title {
			width: 287rpx;
			margin-top: 70rpx;
			margin-bottom: 24rpx;
			height: 114rpx;
		}

		.invite-title-box {
			width: 400rpx;
			margin: 0 auto;
			font-size: 28rpx;
			color: #333333;
			line-height: 40rpx;
		}

		.invite-btn {
			width: 320rpx;
			height: 88rpx;
			background: #FFCC19;
			border-radius: 44rpx;
			font-size: 28rpx;
			color: #000000;
			line-height: 88rpx;
			margin: 0 auto;
			margin-top: 100rpx;
		}

		.invite-bottom-tips {
			font-size: 24rpx;
			color: #999999;
			line-height: 33rpx;
			margin-top: 16rpx;
		}

		.close {
			width: 48rpx;
			height: 48rpx;
			position: absolute;
			bottom: -100rpx;
			left: 50%;
			margin-left: -24rpx;
		}
	}

	// 新用户
	.new-modal {
		width: 620rpx;
		background: #FFFFFF;
		border-radius: 24rpx;
		padding-bottom: 36rpx;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -310rpx;
		margin-top: -480rpx;

		.new-top {
			width: 620rpx;
			height: 540rpx;
			display: block;
			border-radius: 24rpx 24rpx 0 0;
		}

		.new-tip1 {
			font-size: 36rpx;
			color: #141414;
			line-height: 50rpx;
			margin: 25rpx 0 0 32rpx;

			text {
				font-weight: bold;
			}
		}

		.new-tip2 {
			font-size: 48rpx;
			font-weight: bold;
			color: #141414;
			line-height: 67rpx;
			margin: 6rpx 0 0 32rpx;
		}

		.new-button {
			margin: 0 auto;
			margin-top: 48rpx;
			margin-bottom: 10rpx;
			width: 400rpx;
			height: 100rpx;
			background: linear-gradient(180deg, #FCDB00 0%, #F7B500 100%);
			border-radius: 60rpx;
			font-size: 32rpx;
			font-weight: bold;
			color: #141414;
			line-height: 100rpx;
			display: flex;
			justify-content: center;
			align-items: center;

			image {
				width: 32rpx;
				height: 22rpx;
				display: block;
				margin-left: 10rpx;
			}
		}

		.new-bottomtip {
			text-align: center;
			font-size: 24rpx;
			color: #666666;
			line-height: 33rpx;
		}

		.new-cancel {
			width: 48rpx;
			height: 48rpx;
			display: block;
			position: absolute;
			left: 50%;
			margin-left: -24rpx;
			bottom: -78rpx;
		}
	}

	.isBottom {
		font-size: 24rpx;
		color: #666;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		padding-top: 20rpx;
	}

	// 红包弹窗
	.maskTow {
		width: 100vw;
		height: 100vh;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 100;
		background-color: rgba(0, 0, 0, 0.65);

		.packet_modal {
			width: 100%;
			overflow: hidden;
			position: absolute;
			top: 50%;
			transform: translateY(-60%);
			left: 50%;
			margin-left: -50%;
			border-radius: 24rpx;

			.big_img {
				width: 100%;
				height: 826rpx;
				animation: k1 1s ease-in 0s backwards;
			}

			.dw1 {
				position: absolute;
				top: 40rpx;
				width: 704rpx;
				left: 23rpx;
				height: 255rpx;
				animation: k3 1s linear 0.5s backwards;
			}

			.dw2 {
				position: absolute;
				top: 206rpx;
				width: 85rpx;
				left: 210rpx;
				height: 85rpx;
				animation: k2 2s linear 1s infinite;
			}

			.dw3 {
				position: absolute;
				top: 290rpx;
				left: 181rpx;
				width: 44rpx;
				height: 44rpx;
			}

			.dw4 {
				position: absolute;
				top: 479rpx;
				left: 112rpx;
				width: 95rpx;
				height: 95rpx;
				animation: k2 2s linear 1s infinite;
			}

			.dw5 {
				position: absolute;
				top: 349rpx;
				right: 64rpx;
				width: 161rpx;
				height: 161rpx;
				animation: k2 2s linear 1s infinite;
			}

			.dw6 {
				position: absolute;
				right: 85rpx;
				top: 17rpx;
				width: 52rpx;
				height: 52rpx;
			}

			.dw7 {
				position: absolute;
				bottom: 115rpx;
				left: 198rpx;
				width: 341rpx;
				height: 71rpx;
			}

			.price_box {
				transform: rotate(56deg);
				position: absolute;
				top: 465rpx;
				left: 314rpx;
				font-size: 72rpx;
				font-family: PingFangSC-Medium, PingFang SC;
				font-weight: 500;
				color: #DA7600;
				animation: k4 1s linear 0.5s backwards;
			}
		}
	}

	/* 从小到大，不可见到可见 */
	@keyframes k1 {
		0% {
			opacity: 0;
			transform: scale(0, 0);
		}

		100% {
			opacity: 1;
			transform: scale(1, 1);
		}
	}

	/* 闪动 */
	@keyframes k2 {
		0% {
			opacity: 1;
			transform: scale(1, 1);
		}

		50% {
			opacity: 1;
			transform: scale(0.9, 0.9);
		}

		100% {
			opacity: 1;
			transform: scale(1, 1);
		}
	}

	// 从无到有
	@keyframes k3 {
		0% {
			opacity: 0;
			transform: scale(0, 0);
		}

		100% {
			opacity: 1;
			transform: scale(1, 1);
		}
	}

	// 从无到有
	@keyframes k4 {
		0% {
			opacity: 0;
			transform: rotate(56deg) scale(0, 0);
		}

		100% {
			opacity: 1;
			transform: rotate(56deg) scale(1, 1);
		}
	}

	// 邀请用户弹窗
	.maskThree {
		width: 100vw;
		height: 100vh;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 100;
		background-color: rgba(0, 0, 0, 0.65);

		.nomral-modal {
			text-align: center;
			width: 398rpx;
			// padding-bottom: 48rpx;
			// overflow: hidden;
			position: absolute;
			top: 50%;
			transform: translateY(-60%);
			left: 50%;
			margin-left: -199rpx;
			border-radius: 24rpx;

			.tk_bjImg {
				width: 100%;
				height: 520rpx;
			}

			.modal_box {
				position: absolute;
				top: 0;
				width: 398rpx;
				height: 100%;

				.cell_box {
					position: absolute;
					bottom: 20rpx;
					width: 100%;
					left: 0;
					height: 100rpx;
					opacity: 0;

					.wrapper {
						width: 100% !important;
						height: 100% !important;
					}
				}

				.gb_img {
					position: absolute;
					right: -34rpx;
					top: -48rpx;
					width: 52rpx;
					height: 52rpx;
				}

				.cont1 {
					padding: 128rpx 0 0;
					margin: 0 43rpx;
					font-size: 42rpx;
					font-weight: bold;
					color: #F43B00;

					.img {
						width: 200rpx;
						height: 200rpx;
					}
				}

				.cont2 {
					font-size: 24rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #905322;
					padding-top: 20rpx;
					margin: 0 32rpx;
				}

				.cont3 {
					margin: 22rpx 109rpx 0;

					.btn {
						width: 300rpx;
						height: 76rpx;
						position: relative;

						.img {
							width: 300rpx;
							height: 76rpx;
						}

						.btn_box {
							position: absolute;
							top: 0;
							left: 0;
							display: flex;
							align-items: center;
							justify-content: center;
							font-size: 32rpx;
							font-weight: bold;
							color: #FFFFFF;
							width: 300rpx;
							height: 76rpx;

							text {
								padding-bottom: 10rpx;
							}

							button {
								width: 300rpx;
								height: 76rpx;
								border-radius: 24rpx;
								position: absolute;
								top: 0;
								left: 0;
								opacity: 0;
								border: 1rpx solid red;
							}
						}
					}
				}
			}
		}
	}
	
	// 新用户领取免单
	.maskFour {
		width: 100vw;
		height: 100vh;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 100;
		background-color: rgba(0, 0, 0, 0.65);
	
		.maskFour_box {
			width: 516rpx;
			overflow: hidden;
			position: absolute;
			top: 50%;
			transform: translateY(-60%);
			left: 50%;
			margin-left: -258rpx;
			border-radius: 24rpx;
			display: flex;
			flex-direction: column;
			align-items: center;
			.free_img {
				width: 516rpx;
				height: 453rpx;
			}
			.free_btn{
				width: 345rpx;
				height: 93rpx;
				margin: 8rpx 0 25rpx;
			}
			.free_close{
				width: 42rpx;
				height: 42rpx;
			}
		}
	}
	
	.mask_red{
		width: 100vw;
		height: 100vh;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 100;
		background-color: rgba(0, 0, 0, 0.65);
			
		.maskFour_box {
			width: 600rpx;
			overflow: hidden;
			position: absolute;
			top: 50%;
			transform: translateY(-60%);
			left: 50%;
			margin-left: -300rpx;
			border-radius: 24rpx;
			display: flex;
			flex-direction: column;
			align-items: center;
			.bj_box{
				width: 600rpx;
				height: 600rpx;
				position: relative;
				.free_img {
					width: 600rpx;
					height: 600rpx;
				}
				.box{
					width: 600rpx;
					height: 600rpx;
					position: absolute;
					top: 0;
					display: flex;
					flex-direction: column;
					align-items: center;
					.con1{
						font-size: 72rpx;
						font-family: PingFangSC, PingFang SC;
						font-weight: 600;
						color: #F43B00;
						padding-top: 191rpx;
						display: flex;
						align-items: baseline;
						.t2{
							font-size: 32rpx;
						}
					}
					.con2{
						font-size: 32rpx;
						font-family: PingFangSC, PingFang SC;
						font-weight: 600;
						color: #F43B00;
					}
					.con3{
						font-size: 28rpx;
						font-family: PingFangSC, PingFang SC;
						font-weight: 400;
						color: #333333;
						padding: 39rpx 0 86rpx;
					}
					.con4{
						font-size: 26rpx;
						font-family: PingFangSC, PingFang SC;
						font-weight: 400;
						color: #FFFFFF;
					}
				}
			}
			
			.free_btn{
				width: 361rpx;
				height: 88rpx;
				margin: 8rpx 0 25rpx;
			}
			.free_close{
				width: 42rpx;
				height: 42rpx;
			}
		}
	}
	
	// 弹窗
	.maskCoupon {
		width: 100vw;
		height: 100vh;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 99;
		background-color: rgba(0, 0, 0, 0.65);
		.nomral-modal {
			text-align: center;
			width: 722rpx;
			padding-bottom: 48rpx;
			// overflow: hidden;
			position: absolute;
			top: 50%;
			transform: translateY(-60%);
			left: 50%;
			margin-left: -361rpx;
			border-radius: 24rpx;
	
			.tk_bjImg {
				width: 100%;
				height: 819rpx;
			}
	
			.modal_box {
				position: absolute;
				top: 0;
				width: 722rpx;
				height: 819rpx;
	
				.gb_img {
					position: absolute;
					left: 322rpx;
					bottom: -70rpx;
					width: 52rpx;
					height: 52rpx;
				}
				.content_box{
					padding: 393rpx 0 0;
					margin: 0 43rpx;
				}
				.cont1 {
					width: 571rpx;
					height: 183rpx;
					position: relative;
					margin: 0 auto;
					.con_bj{
						width: 573rpx;
						height: 185rpx;
					}
					.con_main{
						width: 573rpx;
						height: 185rpx;
						position: absolute;
						top: 0;
						left: 0;
						.main_top{
							width: 176rpx;
							height: 48rpx;
							display: flex;
							align-items: center;
							justify-content: center;
							font-weight: 500;
							font-size: 28rpx;
							color: #FEDDBB;
						}
						.main_bottom{
							// width: 573rpx;
							height: 137rpx;
							display: flex;
							align-items: center;
							margin: 0 20rpx 0 30rpx;
							justify-content: space-between;
							.bot_left{
								display: flex;
								flex-direction: column;
								align-items: baseline;
								.left_name{
									font-weight: 600;
									font-size: 32rpx;
									color: #B81A1A;
								}
								.left_desc{
									font-weight: 400;
									font-size: 26rpx;
									color: #873811;
								}
							}
							.bot_right{
								display: flex;
								align-items: center;
								justify-content: center;
								width: 191rpx;
								height: 60rpx;
								background: #D7361E;
								border-radius: 30rpx;
								font-weight: 600;
								font-size: 26rpx;
								color: #FFDECE;
							}
						}
					}
				}
				.cont2{
					margin-top: 20rpx;
				}
			}
		}
	}
	
	.giveaway {
		position: fixed;
		bottom: 300rpx;
		right: 12rpx;
	
		.img {
			width: 196rpx;
			height: 196rpx;
			animation: shake 1s linear infinite;
		}
	}
	
	@keyframes shake {
		10% {
			transform: rotate(0);
		}
	
		30% {
			transform: rotate(5deg);
		}
	
		50% {
			transform: rotate(-5deg);
		}
	
		70% {
			transform: rotate(0);
		}
	
		90% {
			transform: rotate(0);
		}
	}
</style>
